####################| Poster_Mod for TP II |####################
 ##############################################################
 ####################| page_header.php  |#################
:
$have_new_pm = $have_unread_pm = 0;
####################|   |#########################
:
$porno_forums= $bb_cfg['porno_forums_screenshots_topic_id'] ? $bb_cfg['porno_forums_screenshots_topic_id'] : '0';
$new_torrent = DB()->sql_query("SELECT t.topic_id, ph.post_html, ph.post_id, tt.topic_title, tt.topic_time, t.size, t.poster_id, u.username, u.user_id, f.forum_id, t.forum_id, f.forum_name
 FROM ".BB_BT_TORRENTS." AS t,
 ".BB_POSTS_HTML." AS ph,
 ".BB_TOPICS." AS tt,
 ".BB_USERS." AS u,
 ".BB_FORUMS." AS f
 WHERE ph.post_id = t.post_id
 AND tt.topic_id = t.topic_id
 AND tt.topic_id = t.topic_id
 AND t.poster_id = u.user_id
 AND t.forum_id = f.forum_id
 AND tt.forum_id NOT IN (".$porno_forums.")
 GROUP BY t.reg_time DESC LIMIT 50
 ");
 $i = 0;
 while ($tor = DB()->sql_fetchrow($new_torrent))
 {
 $i++;
 preg_match_all('#<var class="postImg postImgAligned img-(.*?)" title="(.*?)">(.*?)</var>#', $tor['post_html'], $out);
 $title = $tor['topic_title'];
 $title_img = @$out[2][0] ? '<img src='.@$out[2][0].' WIDTH=250 HEIGHT=350>' : '<img src=images/no_poster.jpg WIDTH=250 HEIGHT=350>';
 $post_img = @$out[2][0] ? '<img title="'.$title.'<hr /><center>'.$title_img.'<hr />: '.$tor['forum_name'].'<br>: '.$tor['username'].'<br>: '.humn_size($tor['size']).'</center>" src="'.@$out[2][0].'" WIDTH=100 HEIGHT=131  />' : '<img title="'.$title.'<br><center>'.$title_img.'</center>" src="images/no_poster.jpg" WIDTH=100 HEIGHT=131  />';


  $last_release = '<a href="'.TOPIC_URL.$tor['topic_id'].'">'.$post_img.'</a>&nbsp;';
 $template->assign_block_vars('last_release', array(
 'LAST_RELEASE' => $last_release,
 'TITLE' => $title,
 ));
 }
####################| page_header.tpl  |####################
:
<script type="text/javascript" src="{SITE_URL}}misc/js/jquery.pack.js?v={$bb_cfg['js_ver']}"></script>
####################|   |############################
:
<script type="text/javascript" src="{SITE_URL}misc/js/ui/jquery.mousewheel.js?v={$bb_cfg['js_ver']}"></script>
<script type="text/javascript" src="{SITE_URL}misc/js/ui/jquery.scrollable.js?v={$bb_cfg['js_ver']}"></script>
####################|  templates\default\index.tpl  |#################
:  12 
<!-- ENDIF -->
####################|   |#################
:
        <div class="tCenter"> 
    <h3 class="cat_title"> :</h3> 
     <div class="cat_footer"></div>  
       <div class="f_tbl_wrap pad_4 tCenter">
        <div id="forums_top_nav">
	<h1 class="pagetitle"><a href="{U_INDEX}">{T_INDEX}</a></h1>
</div><!--/forums_top_nav--> 
		</script>
<table cellpadding="0" cellspacing="0" class="poster">
<tr>
</div>
</div>
<!-- prev link -->
<a class="prev"></a>
<!-- root element for scrollable -->
<div class="scrollable">
<div id="thumbs">
<!-- BEGIN last_release -->
<!-- IF last_release.LAST_RELEASE -->
<div class="tCenter">{last_release.LAST_RELEASE}</div>
<!-- ENDIF -->
<!-- END last_release -->
<script>
$(function() {
  $("div.scrollable").scrollable({
      size: 8,
      items: '#thumbs',
      hoverClass: 'hover',
      keyboard: false
    });
});
</script>
</td>
</tr>
</table>
####################|  main.css     |##########
:
 /* root element for the whole scrollable setup */
div.scrollable {
 position:relative;
 overflow:hidden;
 width: 93%;
 height:143px;
}
#thumbs {
 position:absolute;
 width:20000em;
 clear:both;
}
a.prev, a.next {
 margin-top:118px;
}
#thumbs div {
 float:left;
 width:110px;
 height:135px;
 color:#fff;
 cursor:pointer;
 padding: 3px 3px 3px 3px;
}
#thumbs div.hover {
 background-color:#D0DFEF;
}
#thumbs div.active {
 background-color:#6699CC;
 cursor:default;
}
div.scrollable {
 float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
 display:block;
 width:18px;
 height:18px;
 background:url(../images/left.png) no-repeat;
 float:left;
 margin:55px 5px;
 cursor:pointer;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
 background-position:0px -18px;
}
a.disabled {
 visibility:hidden !important;
}
a.next, a.nextPage {
 background-image:url(../images/right.png);
 clear:right;
}
div.navi {
 margin-left:47%;
 width:250px;
 height:20px;
}
div.navi a {
 width:8px;
 height:8px;
 float:left;
 margin:3px;
 background:url(../images/navigator.png) no-repeat;
 cursor:pointer;
}
div.navi a:hover {
 background-position:0 -8px;
}
div.navi a.active {
 background-position:0 -16px;
}
.poster {
 margin: 3px 4px 0; padding: 0 8px; width: 99%;
 background: #EFEFEF; border: solid #CFD4D8; border-width: 1px 0px;
}
##########################| EoM |##################################### ####################
 
   main.css :
 ####################
:
#tooltip {
 position: absolute; z-index: 1000;
 max-width: 200px; min-width: 250px;
 max-height: 500px;
 background: #eee;
 border: 2px solid #EE7817;
 font-weight: bold; padding: 5px;
 filter: alpha (opacity = 90, style = 0);
 -moz-border-radius: 3px;
 -moz-opacity: 0.90;
 opacity:.90;
 box-shadow: 0px 0px 10px #2C87DA;
 border-radius: 10px;
 -khtml-border-radius:10px;
 -khtml-box-shadow:0px 0px 10px #2C87DA;
 -moz-border-radius: 10px;
 -moz-box-shadow: 0px 0px 10px #2C87DA;
 -webkit-border-radius: 10px;
 -webkit-box-shadow: 0px 0px 10px #2C87DA;
}
#tooltip h3 {
 color: #000; font-size: 10px; font-family: verdana;
 font-weight: bold; text-align: center;
}
 #tooltip div {
 padding-left:5px;
 padding-right:5px;
 }
####################
 misc/js/main.js
 ####################


:
// Bind ajax events
 $('var.ajax-params').each(function(){
 var params = $.parseJSON( $(this).html() );
 params.event = params.event || 'dblclick';
 ajax.params[params.id] = params;
 $("#"+params.id).bind(params.event, ajax.callInitFn);
 if (params.event == 'click' || params.event == 'dblclick') {
 $("#"+params.id).addClass('editable-container');
 }
 });
});
 
:
$(document).ready(function(){
 $('a,span,img,td,b,tr').tooltip({

 delay: 0,
 showURL: false,
 fixPNG: true,
 position: ['center', 'left']

 });
});
####################
 templates/default/page_header.tpl
 ####################


:
<script type="text/javascript" src="{SITE_URL}misc/js/main.js?v={$bb_cfg['js_ver']}"></script>
 
:
<script type="text/javascript" src="{SITE_URL}misc/js/jquery.tooltip.js?v={$bb_cfg['js_ver']}"></script>
##########################| EoM |#####################################